<!DOCTYPE html>

<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="icon" href="<%= BASE_URL %>favicon.ico">
		<title>缘起未来智能供佛</title>



		<style type="text/css">
			html {
				-webkit-user-select: none;
			}


			#Loading {
				top: 50%;
				left: 50%;
				position: absolute;
				-webkit-transform: translateY(-50%) translateX(-50%);
				transform: translateY(-50%) translateX(-50%);
				z-index: 100;
			}

			@-webkit-keyframes ball-beat {
				50% {
					opacity: 0.2;
					-webkit-transform: scale(0.75);
					transform: scale(0.75);
				}

				100% {
					opacity: 1;
					-webkit-transform: scale(1);
					transform: scale(1);
				}
			}

			@keyframes ball-beat {
				50% {
					opacity: 0.2;
					-webkit-transform: scale(0.75);
					transform: scale(0.75);
				}

				100% {
					opacity: 1;
					-webkit-transform: scale(1);
					transform: scale(1);
				}
			}

			.ball-beat>div {
				background-color: #279fcf;
				width: 15px;
				height: 15px;
				border-radius: 100% !important;
				margin: 2px;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				display: inline-block;
				-webkit-animation: ball-beat 0.7s 0s infinite linear;
				animation: ball-beat 0.7s 0s infinite linear;
			}

			.ball-beat>div:nth-child(2n-1) {
				-webkit-animation-delay: 0.35s !important;
				animation-delay: 0.35s !important;
			}
		</style>

		</style>

		<!-- //////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->


		<script type="text/javascript">
			window.onload = function() {
				document.getElementById("dong").classList.remove("loader-inner")
				document.getElementById("dong").classList.remove("ball-beat")
			}
		</script>

		<script src="./paho-mqtt.js" type="text/javascript"></script>
		<!-- //////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

		<script type="text/javascript">
			/** 得到屏幕的宽度*/
			let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
			/** 得到html的Dom元素*/
			let htmlDom = document.getElementsByTagName('html')[0];
			/** 设置根元素字体大小 */
			/* if (htmlWidth == 1920) {
			} */
			//alert(htmlWidth);
			console.log(htmlWidth);


			let w = 0;
			if (htmlWidth == 1149) { //不知道为什么不是系统的1366，现在知道了浏览器未最大窗口的默认窗口大小，
				w = 1366;
			} else if (htmlWidth == 1034) { //不知道为什么不是系统的1366
				w = 1366;
			} else {
				htmlDom.style.fontSize = htmlWidth / 80 + 'px';
			}
			if (w != 0) {
				htmlDom.style.fontSize = w / 80 + 'px';
			}
		</script>

	</head>
	<body>
		<!-- 
		<div id="preloader_1" style="position: absolute;top: 50%; left: 50%;">
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
		</div> -->


		<div id="Loading">
			<div id="dong" class="loader-inner ball-beat">
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>




		<noscript>
			<strong>We're sorry but spa_demo doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
		</noscript>





		<div id="app"></div>
		<!-- built files will be auto injected -->
	</body>


</html>
